<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/3/2 0002
  Time: 下午 2:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/css/bootstrap-theme.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/datepicker/bootstrap-datepicker3.css">
</head>
<body>
<div class="container">
    <div class="form-group">
        <label for="datepicker">出生日期：</label>
        <div class="input-group date" id="datepicker" data-date-format="yyyy-mm-dd">
            <input class="form-control" size="16" type="text" value="" readonly>
            <div class="input-group-addon">
                <span class="add-on glyphicon glyphicon-calendar"></span>
            </div>
        </div>
    </div>

    <div class="panel-group" id="menu">
        <div class="panel panel-default">
            <div class="panel-heading"><h4 class="panel-title"><a data-toggle="collapse" data-parent="#menu"
                                                                  href="#div1">
                菜单组一 </a>
            </h4>
            </div>
            <div id="div1" class="panel-collapse in">
                <div class="list-group"><a href="#" class="list-group-item">菜单项11</a> <a href="#"
                                                                                         class="list-group-item">菜单项12</a>
                    <a href="#" class="list-group-item">菜单项13</a>
                </div>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading"><h4 class="panel-title"><a class="collapsed" data-toggle="collapse"
                                                                  data-parent="#menu"
                                                                  href="#div2">菜单组二</a>
            </h4>
            </div>
            <div id="div2" class="panel-collapse collapse">
                <div class="list-group"><a href="#" class="list-group-item">菜单项21</a> <a href="#"
                                                                                         class="list-group-item">菜单项22</a>
                    <a href="#" class="list-group-item">菜单项23</a>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script type="text/javascript" src="${pageContext.request.contextPath}/bootstrap/js/jquery-1.11.2.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/bootstrap/js/bootstrap.js"></script>
<script type="text/javascript"
        src="${pageContext.request.contextPath}/bootstrap/datepicker/bootstrap-datepicker.js"></script>
<script type="text/javascript"
        src="${pageContext.request.contextPath}/bootstrap/datepicker/bootstrap-datepicker.zh-CN.min.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/html5shiv.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/respond.js"></script>
<![endif]-->

<script type="text/javascript">
    $(function () {
        var datepicker = $('#datepicker');
        datepicker.datepicker({
            language: 'zh-CN',
            autoclose: true
        });
        var current = new Date();
        datepicker.datepicker("setDate", current);
        var date1 = new Date();
        date1.setDate(current.getDate() + 7);
        datepicker.datepicker("setStartDate", current);
        datepicker.datepicker("setEndDate", date1);
    });
</script>
